<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>TK科技产品</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/chanpin.css">
</head>

<body>
  <header>
    <div class="h-top">
      <div class="web">
        <p class="fl clearfix">全国服务热线：400-000-0000</p>
        <p class="fr clearfix">加入收藏</p>
        <p class="fr clearfix">设为首页</p>
      </div>
    </div>
    <nav class="h-bot">
      <div class="logo fl clearfix">
        <img src="./images/S-logo.png" alt="S-logo.png">
      </div>
      <div class="company-name fl clearfix">
        <p>TK科技有限公司</p>
        <p>cer dcd keo Holdings Co., Ltd.</p>
      </div>
      <div class="nav fl clearfix">
        <ul>
          <a href="#" target="_blank">
            <li class="active">
              <p>首页</p>
              <p>Home</p>
            </li>
          </a>
          <a href="./chanpin.html" target="_blank">
            <li>
              <p>关于我们</p>
              <p>About</p>
            </li>
          </a>
          <a href="./xiangxi.html" target="_blank">
            <li>
              <p>产品中心</p>
              <p>Products</p>
            </li>
          </a>
          <li>
            <p>服务支持</p>
            <p>Service</p>
          </li>
          <li>
            <p>新闻中心</p>
            <p>News</p>
          </li>
          <li>
            <p>在线商店</p>
            <p>Shop</p>
          </li>
          <li>
            <p>联系我们</p>
            <p>Contact Us</p>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <section class="content">
    <section class="banner">
      <img src="./images/P-banne.jpg" alt="P-banne.jp">
    </section>
    <section class="main">
      <div class="title1">
        首页 > 新品发布
      </div>
      <div class="title2">
        <div class="fl clearfix">
          百万高清系列<br>
          <div>
            <img src="./images/P-down.png" alt="P-down.png">
          </div>
        </div>
        <div class="fl clearfix">标清系列</div>
        <div class="fl clearfix">户外防水系列</div>
        <div class="fl clearfix">室内系列</div>
      </div>
      <div class="search">
        <div class="fr">
          <input type="text" placeholder="搜索产品">
          <div>
            <img src="./images/P-select.png" alt="P-select.png">
          </div>
        </div>
      </div>
      <div class="chanpin">
        <div class="box">
          <div>
            <img src="./images/P-camera1.jpg" alt="P-camera1.jpg">
          </div>
          <p>S6202Y-WR</p>
          <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机</p>
        </div>
        <div class="box">
          <div>
            <img src="./images/P-camera.jpg" alt="P-camera.jpg">
          </div>
          <p>S6223Y-WR</p>
          <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机</p>
        </div>
        <div class="box">
          <div>
            <img src="./images/P-camera3.png" alt="P-camera3.jpg">
          </div>
          <p>S6208Y-WR</p>
          <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机</p>
        </div>
        <div class="box">
          <div>
            <img src="./images/P-camera4.png" alt="P-camera4.jpg">
          </div>
          <p>S6211Y-WR</p>
          <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机</p>
        </div>
        <div class="box">
          <div>
            <img src="./images/P-camera5.png" alt="P-camera5.jpg">
          </div>
          <p>S6262Y-WR</p>
          <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机</p>
        </div>
        <div class="box">
          <div>
            <img src="./images/P-camera6.png" alt="P-camera6.jpg">
          </div>
          <p>S6256Y-WR</p>
          <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机</p>
        </div>
        <div class="box">
          <div>
            <img src="./images/P-camera7.png" alt="P-camera7.jpg">
          </div>
          <p>S6202Y-WR</p>
          <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机</p>
        </div>
        <div class="box">
          <div>
            <img src="./images/P-camera8.png" alt="P-camera8.jpg">
          </div>
          <p>S6202Y-WR</p>
          <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机</p>
        </div>
        <div class="box">
          <div>
            <img src="./images/P-camera9.png" alt="P-camera9.jpg">
          </div>
          <p>S6202Y-WR</p>
          <p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机</p>
        </div>
      </div>
      <div class="bottom">
        <div class="bot-w">上一页</div>
        <div class="bot-n">1</div>
        <div class="bot-n">2</div>
        <div class="bot-n">3</div>
        <div class="bot-n">4</div>
        <div class="bot-n">5</div>
        <div class="bot-w">下一页</div>
      </div>
    </section>
  </section>
  <footer>
    <div class="fot-top">
      <div class="fot-top1">
        <div class="ftopts">
          关注我们：
          <img src="./images/s-qq-wxin.jpg" alt="s-qq-wxin.jpg">
        </div>
      </div>
      <div class="fot-top2">
        网站首页
        <img src="./images/home-white-little.png" alt="">
        新闻动态
        <img src="./images/home-white-little.png" alt="">
        关于我们
        <img src="./images/home-white-little.png" alt="">
        团队风采
        <img src="./images/home-white-little.png" alt="">
        联系我们
        <img src="./images/home-white-little.png" alt="">
        在线留言
      </div>
    </div>
    <div class="fot-bot">
      ©2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved
    </div>
  </footer>
</body>

</html>